<template>
  <div style="padding-left: 40px">
    <h2>vuex</h2>
    <Part1 style="margin-bottom: 10px" :query.sync="query"/>
    <div>
      {{ this.$store.state.vuex.part1.name }}
      <div>
        共有
         {{this.query}}元
      </div>
     
    </div>
    <div>
      <el-table :data="this.$store.state.vuex.tableData" style="width: 100%">
        <el-table-column prop="name" label="姓名" width="180">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import Part1 from "@/views/vuex/modules/part1";
export default {
  components: {
    Part1,
  },
  data() {
    return {
      tableData: [],
      query:1000,
      // oop:'oop'
    };
  },
  created() {},
  mounted() {
    let str = "hello world";
    let res = str.concat(" 你好", "再见");
    console.log(res);
    let str2 = "abcde";
    let str3 = "abcde";
    let res2 = str2.split("")
    let res3 = str3.split(",")
    console.log(res2);
    console.log(res3);
    
  },
  methods:{
   
  }
};
</script>

<style>
</style>